﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/ECard_Template.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="ECard.Views.Home" %>

<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server">
    <link href="../Style_Sheet/Home.css" rel="stylesheet" />
    <link href="../Style_Sheet/Slide.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.7.1.min.js"></script>
    <script src="../Scripts/jquery.slides.min.js"></script>
    <script>
        $(function () {
            $('#slides').slidesjs({
                width: 1000,
                height: 400,
                play: {
                    active: true,
                    auto: true,
                    interval: 4000,
                    swap: true
                }
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Main" ContentPlaceHolderID="Main" runat="server">
    <div class="container">
        <div id="slides">
            <img src="../Images/Slide/example-slide-1.jpg" />
            <img src="../Images/Slide/example-slide-2.jpg" />
            <img src="../Images/Slide/example-slide-3.jpg" />
            <img src="../Images/Slide/example-slide-4.jpg" />
        </div>
    </div>
    <div class="Today">
        <div class="Title_Group_Home">Today's Cards</div>
        <div class="Item_Home">
            <img src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/inviteBurgerStackBBQ.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/inviteBurgerStackBBQ.jpg" />
        </div>
    </div>
    <div class="Popular">
        <div class="Title_Group_Home">Popular Cards</div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size24" src="../Images/Slide/teeBikingWhyDrive.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/inviteBurgerStackBBQ.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/inviteBurgerStackBBQ.jpg" />
        </div>
        <div class="Item_Home">
            <img class="Img_Size4" src="../Images/Slide/caseIPhoneRoyalBaby_i18n.jpg" />
        </div>
    </div>
    <div class="New">
        <div class="Title_Group_Home">New Cards</div>
        <div class="Wrapper_Home_New">
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_daddy.jpg" />
            </div>
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_spa.jpg" />
            </div>
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_daddy.jpg" />
            </div>
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_spa.jpg" />
            </div>
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_daddy.jpg" />
            </div>
            <div class="Item_Home_New">
                <img class="Item_Size6" src="../Images/Slide/img_size6_spa.jpg" />
            </div>
        </div>
    </div>
    <div class="Category">
        <div class="Title_Group_Home">Category</div>
        <div class="Item_Home_Category">
            <img class="Img_Size3" src="../Images/Slide/loveMarriageWeddingMailers.jpg" />
        </div>
        <div class="Item_Home_Category">
            <img class="Img_Size3" src="../Images/Slide/familyFriendsKidsLaughBW.jpg" />
        </div>
        <div class="Item_Home_Category">
            <img class="Img_Size3" src="../Images/Slide/fashionTeeMusicDJ.jpg" />
        </div>
    </div>
    <div class="SomeText_Home">Bye bye bye ...</div>
</asp:Content>
